import { createElement, Component } from './src/framework.js'
import { Carousel } from './src/carousel.js'
import { Timeline, Animation } from './src/animation.js'


let d = [
  "https://static001.geekbang.org/resource/image/bb/21/bb38fb7c1073eaee1755f81131f11d21.jpg",
  "https://static001.geekbang.org/resource/image/73/e4/730ea9c393def7975deceb48b3eb6fe4.jpg",
  "https://static001.geekbang.org/resource/image/b6/4f/b6d65b2f12646a9fd6b8cb2b020d754f.jpg",
  "https://static001.geekbang.org/resource/image/1b/21/1b809d9a2bdf3ecc481322d7c9223c21.jpg",
];

let a = <Carousel src={d}/>
a.mountTo(document.body)

let tl = new Timeline();
// tl.add(new Animation({}, "a", 0, 500, 1000, null));

// window.tl = tl;
// window.animation = new Animation({}, "a", 0, 500, 1000, null);

tl.start();